<template>
  <div class="bo">
    <!-- <button @click="fn1">这是一个去1的按钮</button>
    <button @click="fn2">这是一个去2的按钮</button>
    <button @click="fn3">这是一个去3的按钮</button>
    <button @click="fn4">这是一个去4的按钮</button>
    <ul>
      <li><router-link to="/Yi?id=1">1</router-link></li>
      <li><router-link to="/Er/2?id=2">2</router-link></li>
      <li><router-link to="/San/3">3</router-link></li>
      <li><router-link to="/Si?id=4">4</router-link></li>
    </ul> -->

    <router-view></router-view>
  </div>
</template>
<script>
export default {
  name: '',
  data () {
    return {

    }
  },
  created () {
  },
  computed: {
  },
  methods: {
    fn1 () {
      this.$router.push('/Yi')
    },
    fn2 () {
      this.$router.push('/Er')
    },
    fn3 () {
      this.$router.push('/San/3')
    },
    fn4 () {
      this.$router.push('/Si')
    }

  }
}
</script>
<style lang='less'  scoped>
// a {
//   display: block;
// }
.bb {
  background-color: yellow;
}
.bo {
  button {
    margin: 20px;
  }
}
</style>
